<!DOCTYPE html>
<html>
<head lang="en">
  <meta charset="UTF-8">
  <title>图片上传</title>
  
	<script src="/js/jquery-1.10.1.min.js"></script>
	<script src="/js/ext/ajaxfileupload.js"></script>
</head>
<body>
	<script type="text/javascript">  
/**
    function ajaxFileUpload(){
        //执行上传文件操作的函数  
        $.ajaxFileUpload({  
        url:'/uploadImg',  
        data : {"dir":"ad"},
        secureuri:false,                           //是否启用安全提交,默认为false   
        fileElementId:'myBlogImage',               //文件选择框的id属性  
        dataType:'json',                           //服务器返回的格式,选择json或者xml貌似有问题
        success:function(data){            //服务器响应成功时的处理函数  
            if(data && data.code) {
            	alert(data.msg);
            } else {
            	alert("上传失败");
            }
        },  
        error:function(data, status, e){ //服务器响应失败时的处理函数  
            $('#result').html('图片上传失败，请重试！！');  
        }  
        });  
    }
    */
    /**
 * 上传单张图片方法
 */
function imgUpload(dir, fileElId, msgId) {
	//执行上传文件操作的函数  
    $.ajaxFileUpload({
    url : '/uploadImg', 			// 上传地址
    data : {"dirType": dir},			// 参数
    secureuri : false, 			//是否启用安全提交,默认为false   
    fileElementId : fileElId,	//文件选择框的id属性  
    dataType : 'json',				//服务器返回的格式
    success:function(data) {	//服务器响应成功时的处理函数  
    	if(data && data.code) {
        	if(data.code == 1) {
        		if(msgId) $("#"+msgId).attr("src", data.msg);
        	} else {
        		alert(data.msg);
        	}
        } else {
    		alert("上传失败，请重试！");
    	}
    },  
    error:function(data, status, e){ //服务器响应失败时的处理函数  
    	alert("上传失败，请重试！");
    }
    });  
}
</script>  

<div id="result"></div>  

<input type="file" id="myBlogImage" name="file"/>  
<input type="button" value="上传图片" onclick="imgUpload('ad', 'myBlogImage', 'imgShow')"/>  
<br>
<img src="" id="imgShow">
</body>
</html>
